import React,{Component} from "react";
import {NavLink} from "react-router-dom";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";

class SidebarMenu extends Component{


    render() {
        return (
            <div className="sidebar">
                <div className="search-box page-card page-bg">
                    <div className="search">
                        <input type="text" placeholder="搜索..."/>
                        <span className="search-icon" >
                            <FontAwesomeIcon icon="search"/>
                        </span>
                    </div>
                </div>
                <ul className="sidebar-menu page-card page-bg">
                    <li>
                        <NavLink to="/home/card">信息</NavLink>
                    </li>
                    <li>
                        <NavLink to="/home/love">爱好</NavLink>
                    </li>
                    <li>
                        <NavLink to="/home/skill">技能</NavLink>
                    </li>
                </ul>
            </div>
        );
    }
}

export default SidebarMenu;